// out: random.wxss
.mian_body {
	display: flex;
	flex: 1;
	width: 100%;
	overflow: hidde;
	flex-direction: column;
	align-items: center;
}


// 状态显示
.state_body	{
	width: 100%;
	height: 80rpx;
	overflow: hidden;
	background-color: #ffffff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
} 
// 内框
.state_n_body {
	width: 700rpx;
	overflow: hidden;
	height: 50rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
// 按钮组
.btn_w_body {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

}
.op_btn_1_body {
	color: RGBA(38, 138, 204, 1.00);
	font-size: 30rpx;
	margin: 0 15rpx;
}
.state_item_body {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 1000rpx;
	overflow: hidden;
	margin: 0 10rpx;
	border-width: 3rpx;
	border-style: solid;
}
.state_true {
	border-color: RGBA(32, 106, 168, 1.00);
	color: RGBA(32, 106, 168, 1.00);
}
.state_false {
	border-color: RGBA(210, 210, 210, 1.00);
	color: RGBA(210, 210, 210, 1.00);
}
.state_item_n_body {
	margin: 0 15rpx;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	font-size: 30rpx;
}

// 显示信息部分
@info_height: 150rpx;
.info_body {
	width: 100%;
	height: @info_height;
	overflow: hidden;
	margin: 0 auto 30rpx auto;
	background-color: #ffffff;
	border-top: 2rpx solid #eeeeee;
	border-bottom: 2rpx solid #eeeeee;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.info_line_1 {
	width: 100%;
	height: @info_height / 2;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.info_line_2 {
	width: 100%;
	height: @info_height / 2;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.info_item_2_body {
	flex: 1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 40rpx;
	color: #666666;
}
.tip_btn_body {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20rpx;
	border-radius: 1000rpx;
	border-width: 2rpx;
	border-style: solid;
	overflow: hidden;
	font-size: 30rpx;
}
.tip_true {
	color: RGBA(38, 138, 204, 1.00);
	border-color: RGBA(38, 138, 204, 1.00);
}
.tip_false {
	color: #cccccc;
	border-color: #cccccc;
}

.info_item_body {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 30rpx;
	color: #888888;
}

.input_body {
	width: 100%;
	height: 110rpx;
	overflow: hidden;
	background-color: #fafafa;
	margin: 0 0 30rpx 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
@inp_height: 70rpx;
.inp_1 {
	display: flex;
	width: 90%;
	height: @inp_height;
	border-radius: 15rpx;
	background-color: #ffffff;
	border: 1rpx solid #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.inp_n_body {
	width: 96%;
	height: @inp_height;
	line-height: @inp_height;
	overflow: hidden;
	color: #666666;
	text-align: right;
	font-size: 50rpx;
	word-wrap: normal;
	word-break: initial;
	white-space: nowrap;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	display: flex;
}



.word_body {
	width: 680rpx;
	flex: 1;
	border-radius: 30rpx;
	background-color: #ffffff;
	margin: 30rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
// 内框
.wb_n_body {
	width: 100%;
	height: 95%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	// background-color: red;
}
.wb_s_b_body {
	width: 96%;
	// margin: 10rpx;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	// background-color: blue;
}
// 显示部分
@w_width: 56rpx;
@w_height: 60rpx;
.w_body {
	width: @w_width - 10;
	height: @w_height;
	overflow: hidden;
	margin: 5rpx;
	display: flex;
	overflow: Hidden;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.w_letter_body {
	width: @w_width;
	height: @w_height - 10;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40rpx;
	color: #CCCCCC;
	// background-color: blue;
}
// 输入正确的文字颜色
.w_letter_color_right {
	color: RGBA(38, 158, 231, 1.00);
}
// 输入错误的文字颜色
.w_letter_color_wrong {
	color: RGBA(246, 24, 88, 1.00);
}
// 当前待输入文字的颜色
.w_letter_color_current {
	color: RGBA(83, 83, 83, 1.00);
}

.w_line_body {
	width: @w_width;
	height: 5rpx;
	overflow: hidden;
	border-radius: 1000rpx;
}
.w_line_current_bg_color {
	background-color: RGBA(38, 138, 204, 1.00);
}

